<div>
  <h2>基础用法</h2>
  <el-pagination total="total" background current-page="currentPage" page-size="pageSize" page-sizes="[10, 20, 30, 40]"
    layout="total, sizes, prev, pager, next, jumper" on-size-change="onSizeChange(size)"
    on-current-change="onCurrentChange(page)" jump-page="jumpPage">
  </el-pagination>
  <el-pagination total="total" background current-page="currentPage" page-size="pageSize" page-sizes="[10, 20, 30, 40]"
    layout="sizes, prev, pager, next, jumper" on-size-change="onSizeChange(size)"
    on-current-change="onCurrentChange(page)" jump-page="jumpPage">
  </el-pagination>
  <el-pagination total="total" background current-page="currentPage" page-size="pageSize" page-sizes="[10, 20, 30, 40]"
    layout="prev, pager, next, jumper" on-size-change="onSizeChange(size)"
    on-current-change="onCurrentChange(page)" jump-page="jumpPage">
  </el-pagination>
  <el-pagination total="total" background current-page="currentPage" page-size="pageSize" page-sizes="[10, 20, 30, 40]"
    layout="prev, pager, next" on-size-change="onSizeChange(size)"
    on-current-change="onCurrentChange(page)" jump-page="jumpPage">
  </el-pagination>
  <h2>带有背景色的分页</h2>
  <el-pagination total="total" background="true" current-page="currentPage" page-size="pageSize" page-sizes="[10, 20, 30, 40]"
    layout="total, sizes, prev, pager, next, jumper" on-size-change="onSizeChange(size)"
    on-current-change="onCurrentChange(page)" jump-page="jumpPage">
  </el-pagination>
</div>